.header{
	&.detail_header{
		background: rgba(255,255,255,0);
		.share:after {
		    background-image: url(../images/share.png);

		}
		.title{
			opacity: 0;
		}
	}
}
.detail_focus{
	.hd{
		text-align: right!important;
	}
}
.container{
	&.detail{
		padding-top: 0!important;
	}
}

.price{
	color: #999999;
	font-size: .9rem;
	line-height: 1.5rem;
}
.detail_base{
	border-top: 1px solid #F7F7F7;
	padding:1rem;
	background: #fff;
	>.title{
		p{
			line-height: 1.4rem;
			font-size: 1rem;
			span{
				color: #E62719;
			}
		}
	}
	.price{
		margin: .3rem 0 .5rem;
		font-size: .8rem;
	}
	.nologin{
		border-top:1px solid #F7F7F7;
		margin-top: .8rem;
		font-size: .9rem;
		
		text-align: center;
		a{
			display: block;
			color: #999999;
			padding-top: 1rem;
		}
	}
	.fullbox{
		padding:1rem;
		border:1px solid #FF7700;
		background-color: #FFFEDD;
		text-align: center;
		position: relative;
		border-radius: .5rem;
		margin-top: .5rem;
		.title{
			color: #FF8111;
			font-size: 1rem;
			margin-bottom: 1rem;
		}
		.fullicon{
			width: 4rem; 
			height: 4rem; 
			background: url(../images/full.png)no-repeat center center;
			background-size: 100%;
			position: absolute;
			top: 0;
			left: 0;
			margin-top: -.3rem;
			margin-left: -.2rem;
		}
		.countdown{
			margin-top: .5rem;
			.hms{
				span{
					padding:.5rem;
					font-size: 2rem;
				}
				i{
					font-size: 2rem;
				}
			}
		}
		&.overbox{
			text-align: left;
			background-color: #fff;
			.deps{
				position: relative;
				padding-left: 4.2rem;
				img{
					margin-left: .6rem;
					width: 3rem;
					height: 3rem;
					margin-top: -1.5rem;
				}
				p{
					line-height: 1.5rem;
					height: 1.5rem;
				}
				p:not(.get){
					font-size: .89rem;
				}
				&:after{
					content: '';
					display: block;
					width: 100%;
					position: absolute;
					bottom: -.5rem;
					border-top:1px solid #f5f5f5;
					left: 0;
				}
			}
			.more{
				color: #999;
				font-size: .9rem;
				margin-top: 1.5rem;
				line-height: 1.4rem;
				i{
					color: #ee7f31;
				}
				a{
					float: right;
					height: 1.4rem;
					line-height: 1.4rem;
					padding:0.1rem 1rem;
					background-color: #ee7f31;
					color: #fff;
					text-align: center;
					border-radius: .7rem;
					font-size: .8rem;
				}
			}
			.fullicon{
				background-image: url(../images/over.png);
			}

		}
	}
	.overlink{
		margin-top: 1rem;
		li{
			width: 32%;
			line-height: 2rem;
			border-radius: 1rem;
			background-color: #F5F5F5;
			color: #666;
			font-size: 1rem;
			text-align: center;
			margin-right: 2%;
			float: left;
			&:last-child{
				margin-right:0;
			}
			a{
				color: #666;
			}
		}
	}
}
.detailmore{
	background: #fff;
	margin-top: 1rem;
	li{
		line-height: 3.4rem;
		font-size: 1rem;
		border-bottom: 1px solid #F7F7F7;
		padding-right: 2rem;
		margin-right: 1rem;
		background: url(../images/to.png)no-repeat right center;
		background-size: 1.6rem auto;
		&:last-child{
			border-bottom:0;
		}
		a{
			padding-left: 1rem;
			display: block;
		}
	}
	&.goto{
		margin-top: 0;
		border-bottom: 1px solid #f5f5f5;
		li{
			line-height: 3.1rem;
			font-size: .9rem;
		}
		li a{
			span{
				color: #ee7f31;
				padding-left: 1rem;
			}
			i{
				
			}
		}
	}
}
#inline_content{
	.paybtn{
		position: static!important;
	}
	.autonew{
		line-height: 3rem!important;
	}
}
#cboxOverlay{
	opacity: 0.6!important;
}
.sec{
	.paytype{
		margin-top: 0;
		li{
			background: url(../images/to.png) no-repeat right center;
    		background-size: 1.6rem auto;
    		>p{
				line-height: 2.6rem;
				height: 2.6rem;
    		}
		}
	}
	.sec_top{
		text-align: center;
		border-bottom: 1px solid #f5f5f5;
		line-height: 3.6rem;
		font-size: 1.1rem;
		i{
			display: block;
			width: 2.4rem;
			height: 3.6rem;
			float: left;
			background: url(../images/toleft.png) no-repeat center center;
    		background-size: 1.2rem auto;
		}
		
	}
}
.tabbox{
	margin-top: 1rem;
	background-color: #fff;
	.top{
		border-bottom: 1px solid #F7F7F7;
		padding:.5rem 0;
		.moreperson{
			padding-left: 1rem;
			line-height: 2rem;
		}
		&.fix{
			position: fixed;
			top: 3rem;
			left: 0;
			width: 100%;
		    background: #fff;
		    z-index: 999;
		    max-width: 720px;
		}
		.tab{
			line-height: 2.2rem;
			float: left;
			width: 50%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			text-align: center;
			a{
				display: block;
				color: #999;
				font-size: 1rem;
				span{
					line-height: 2.2rem;
					position: relative;
				}
			}
			&:first-child{
				border-right:1px solid #F7F7F7;
			}
			&.current{
				a{
					color: #ee7f31;
				}
				span:after{
					content:'';
					position: absolute;
					height: 0;
					width: 100%;
					border-bottom: 2px solid #ee7f31;
					bottom: -1rem;
					margin-top: -1px;
					left: 0;

				}
			}
		}
	}
	

}
.tabmain{
	ul{
		
		li{
			border-bottom: 1px solid #F7F7F7;
			background:#fff;
			padding:1rem .8rem;
			position: relative;
			&:last-child{
				border-bottom:0;
			}
			
			.time{
				color: #333;
				margin-bottom: .3rem;
				font-size: .9rem;
				span{
					line-height: 1.6rem;
				}
			}
			
			
		}
	}
}
.deps{
	padding:0 5rem 0 3.2rem;
	position: relative;
	margin-top:0!important;
	>img{
		position: absolute;
		top: 50%;
		left: 0;
		top:50%;
		margin-top: -1.3rem;
		width: 2.6rem;
		height: 2.6rem;
		border-radius: 50%;
	}
	p{
		color: #999999;
		font-size: .9rem;
		line-height: 1.3rem;
		max-width: 100%;
		height: 1.3rem;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		span{
			color: #555;
			
		}
		.nick{
			max-width: 70%;
			overflow: hidden;
			float: left;
			display: inline-block;
			text-overflow:ellipsis;
			white-space: nowrap;
		}
	}
	i{
		color: #ee7f31;
		font-style: normal;
	}
	&.prev{
		padding-right: 0;
	}
	.num{
		position: absolute;
		color: #999;
		font-size: .9rem;
		height: 1.5rem;
		line-height: 1.5rem;
		top: 50%;
		right: 0;
		padding-right: 2rem;
		background: url(../images/to.png)no-repeat right center;
		background-size: 1.6rem auto;
		margin-top: -.75rem;
		span{
			color: #ee7f31;
		}
	}
}
.footer{
	dl{
		dd{
			float: left;
			height: 3.6rem;
			line-height: 3.6rem;
			color: #fff;
			font-size: 1rem;
			width: 42%;
			
			&:last-child{
				width:16%;
				background: url(../images/cart1.png)no-repeat center center;
				background-size: auto 50%;
			}
			&:first-child{
				background-color: #FC5100;
			}
			&:nth-child(2){
				background-color: #FE7800;
			}
			a{
				color: #fff;
				display:block;
				height:100%;
			}
		}
	}
	&.full{
		dd{
			width: 60%;
			&:last-child{
				width:40%;
				background-image: none;
			}
		}
	}
}
//评论
.combox{
	.com_item{
		line-height: 2.4rem;
		color: #6e6e6e;
		text-align: center;
		background-color: #FDFAEB;
		font-size: 1rem;
		
		i{
			color: #ee7f31;
		}
	}
	.comlist{
		
		li{
			padding:0 1rem;
			margin-bottom: 1rem;
			background-color: #fff;
			position: relative;
			&:last-child{
				margin-bottom:0;
			}
			.comhead{
				line-height: 3rem;
				color: #373737;
				font-size: .9rem;
				a{
					display: block;
					position: relative;
					padding-left: 2rem;
				}
				img{
					position: absolute;
					left: 0;
					top: 50%;
					margin-top: -.8rem;
					width: 1.6rem;
				}
				span{
					display: inline-block;
					vertical-align: middle;
				}
			}
			dl{
				dd{
					width: 32%;
					margin-right: 2%;
					float: left;
					height: 0;
					padding-bottom: 32%;
					position: relative;
					overflow: hidden;
					img{
						position: absolute;
						width: 100%;
						top: -50%;
					}
					&:last-child{
						margin-right:0;
					}
				}
			}
			.comcont{
				h3{
					font-size: 1rem;
					line-height: 2.4rem;
				}
				p{
					color: #717171;
					line-height: 1.2rem;
					font-size: .9rem;
					height: 2.3rem;
					overflow: hidden;
					text-overflow:ellipsis;
				}
				span{
					color: #AAAAAA;
					font-size: .9rem;
					display: block;
					line-height: 2.8rem;
					margin-top: .5rem;
					border-top: 1px solid #f5f5f5;
				}
			}
			.bom{
				position: absolute;
				bottom: 0;
				right: 0;
				line-height: 2.8rem;
				a{
					color: #747474;
					display: inline-block;
					margin-right: 1.4rem;
					position: relative;
					i{
						width: 1.2rem;
						height: 1.2rem;
						display: inline-block;
						margin-right: .2rem;
						vertical-align: middle;
						background: url(../images/zan.png)no-repeat center center;
						background-size: 100% auto;
					}
					span{
						display: inline-block;
						vertical-align: middle;
					}
					img{
						width: 1.2rem;
						display: inline-block;
						margin-right: .2rem;
						vertical-align: middle;
					}
					&.on{
						color: #ee7f31;
						i{
							background-image: url(../images/zanon.png);
						}
					}
				}
			}
		}
	}
	
}
.com_detail{
	background: #fff;
	padding:0 1rem;
	.com_deps{
		padding:1rem 0 1.2rem;
		.deps{
			padding-left: 3.6rem;
		}
		img{
			width: 3rem;
			height: 3rem;
			margin-top: -1.5rem;
		}
		p{
			height: 1.6rem;
			line-height: 1.4rem;
		}
		.read{
			font-size: .8rem;
		}
		.prize{
			border: 1px solid #ee7f31;
    		border-radius: .3rem;
    		padding: .0 .2rem;
    		line-height: 1rem;
    		margin-left: .8rem;
    		font-size: .8rem;
		}
		em{
			margin-left: 1rem;
		}
		
	}
	.commsg{
		background-color: #Fafafa;
		padding:.8rem 0;
		position: relative;
		border-radius: .4rem;
		.deps{
			padding-left: 5rem!important;
		}
		img{
			height: 100%;
			width: auto!important;
			top:0!important;
			margin-top: 0!important;
			border-radius: 0!important;
			margin-left: .5rem;
		}
		&:after{
			content: '';
			width: 0; 
			height: 0; 
			border-left:1rem solid transparent; 
			border-right: 1rem solid transparent; 
			border-bottom: 1.5rem solid #fafafa; 
			position: absolute;
			top:-.6rem;
			left: .6rem;
		}
	}
	.com_detail_box{
		padding-bottom: .8rem;
		margin-bottom: 1rem;
		border-bottom: 1px solid #f5f5f5;
		h3{
			font-size: 1rem;
    		line-height: 2.4rem;
		}
		p{
			color: #717171;
		    line-height: 1.6rem;
		    font-size: 1rem;
		}
		img{
			max-width: 100%;
			margin:0 auto;
			margin-top: .5rem;
		}
	}
	.hot{
		overflow: hidden;
		.i_li{
			width: 8rem!important;
			border:0!important;
		}
		.i_txt{
			font-size: .9rem!important;
			margin-top: .5rem!important;
			height: 2.3rem!important;
			white-space: normal!important;
			color: #666!important;
			margin-bottom: 0!important;
		}
	}
}
.com_piece{
	background-color: #fff;
	margin-top: .8rem;
	.p_item{
		padding-left: .5rem;
		border-bottom: 1px solid #f5f5f5;
		line-height: 3rem;
	}
	li{
		margin-left: .8rem;
		padding:.5rem .5rem .5rem 0;
		border-bottom: 1px solid #F5F5F5;
		&:last-child{
			border-bottom:0;
		}
		img{
			width: 2rem!important;
			height: 2rem!important;
			top:0!important;
			margin-top: 0!important;
		}
		p{
			overflow: auto!important;
			white-space: normal!important;
			height: auto!important;
			/*line-height: 1.5rem!important;*/
		}
		.deps{
			padding-left:2.6rem!important;
		}
		.num{
			padding-right: 0!important;
			background: none;
			top:.0!important;
			margin-top: 0!important;
			font-size: .8rem!important;
		}
		.p_top{
			margin-bottom: .3rem;
		}
	}
}
#wrapper {
	width:100%;
	/*overflow:auto;*/
}
#scroller {
	height:100%;
	float:left;
	padding:0;
}
.comfooter{
	text-align: left;
	padding:0 .5rem;
	line-height: 3.6rem;
	position: relative;
	&:after{
		content:'';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border-top: 1px solid #f5f5f5;
	}
	.comlink{
		float: left;
		a {
		    color: #747474;
		    display: inline-block;
		    margin-right: 1.4rem;
		    position: relative;
		     i {
			    width: 1.4rem;
			    height: 1.4rem;
			    display: inline-block;
			    margin-right: .2rem;
			    vertical-align: middle;
			    background: url(../images/zan.png) no-repeat center center;
			    background-size: 100% auto;
			}
			&.on{
				i {
				    background-image: url(../images/zanon.png);
				}
			}
			span{
				display: inline-block;
				vertical-align: middle;
			}
			img {
			    width: 1.4rem;
			    display: inline-block;
			    margin-right: .2rem;
			    vertical-align: middle;
			    vertical-align: middle;
			}
		}
	}
	.inputbox{
		margin-left: 7.5rem;
		height: 3.6rem;
		line-height: normal;
		input{
			background: #F5F5F5;
			height: 2.6rem;
			padding: .3rem .5rem;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			border-radius: .3rem;
			border:none;
			font-size: .8rem;
			width: 100%;
			margin-top: .5rem;
		}
		&.nolink{
			margin-left: 0;
			padding-right: 6.5rem;
		}
		.btn{
			display: none;
			top: 50%;
			margin-top: -1.3rem;
			right: .8rem;
			position: absolute;
			padding: .55rem 1.4rem;
			a{
			    background-color: #ee7f31 !important;
			    font-size: 1rem !important;
			    display: block;
			    text-align: center;
			    color: #fff;			    
			    font-weight: normal;
			   
			}
		}
	}
	
}